<header>
    <ul class="index-nav">
        <li><a href="<?php echo $this->basePath() ?>">
                <div class="index-logo">
                    <img src="<?php echo $this->basePath() ?>/img/app/app/logo.png"/>
                </div>
            </a>
        </li>

        <li class="index-search-box">
            <input data-step="1" data-intro="Seach job, company or any people you want !" type="text" spellcheck="false" name="searchbar" autocomplete="off"
                   placeholder="Tìm kiếm bạn bè hoặc công việc ..."/>
        </li>

        <li class="index-notify">

            <div class="index-notice-connection index-notify-icon">
                <img src="<?php echo $this->basePath() ?>/img/app/app/icon/connection.png">

                <ul id="index-connection">
                    <div class="index-menu-area index-area-connection">
                        <li>SAMPLE 1</li>
                        <li>SAMPLE 2</li>
                        <li>SAMPLE 3</li>
                        <li>SAMPLE 4</li>
                        <li>SAMPLE 5</li>
                        <li>SAMPLE 6</li>
                    </div>
                </ul>

            </div>

            <div class="index-notice-message index-notify-icon">
                <img src="<?php echo $this->basePath() ?>/img/app/app/icon/message.png">

                <ul id="index-message">
                    <div class="index-menu-area index-area-message">
                        <li>SAMPLE 1</li>
                        <li>SAMPLE 2</li>
                        <li>SAMPLE 3</li>
                        <li>SAMPLE 4</li>
                        <li>SAMPLE 5</li>
                        <li>SAMPLE 6</li>
                    </div>
                </ul>

            </div>

            <div class="index-notice-status index-notify-icon">
                <img src="<?php echo $this->basePath() ?>/img/app/app/icon/status.png">

                <ul id="index-status">
                    <div class="index-menu-area index-area-status">
                        <li>SAMPLE 1</li>
                        <li>SAMPLE 2</li>
                        <li>SAMPLE 3</li>
                        <li>SAMPLE 4</li>
                        <li>SAMPLE 5</li>
                        <li>SAMPLE 6</li>
                    </div>
                </ul>
            </div>

        </li>

        <li class="index-option">
            <div class="index-option-setting index-notify-icon">
                <img src="<?php echo $this->basePath() ?>/img/app/app/icon/setting.png">

                <ul id="index-setting">
                    <div class="index-menu-area index-area-setting">
                        <li><a href="<?php echo $this->basePath() . '/' . $user->alias ?>">My Profile</a></li>
                        <li><a>Edit Account</a></li>
                        <li><a href="<?php echo $this->basePath() ?>/app/setting">Settings</a></li>
                        <li><a>Activity logs</a></li>
                        <li><a>Help</a></li>
                        <li><a href="<?php echo $this->basePath() ?>/app/logout">Logout</a></li>
                    </div>
                </ul>

            </div>
        </li>

        <li class="index-account">
            <div>
                <img class="index-avatar-small"
                     src="<?php //echo $config->getImage('avatar_current', $user->alias, '.jpg') ?>"/>
                <span class="index-avatar-title"><?php echo $user->name ?></span>

            </div>
        </li>
        <div></div>

    </ul>
</header>

<div id="index-header-space"></div>
